<script>
    	$(document).ready(function() {
    	  //	$(".alert").alert('close');
    	
    		
		$(".cantidad_visitas").click(function(){
        	$('.tipo_convenio').val('undefined');
        });
        
		$(".tipo_convenio").click(function(){
        	$('.cantidad_visitas').val('undefined');
    	});
		
        
	    $(".input-pesos").keydown(function(event){
            if(event.keyCode < 48 || event.keyCode > 57){
              // return false;
            } 
            
        }); 
        
        $('.icon-minus').live("click" , function() {
            //alert($('.row-service').size());
            if($('.row-service').size() > 1)
               $(this).parent().parent('tr').remove();
            
         });
      
      
        $('.other-row').click(function(){
       
        
        var sUrlServices = '<?php echo base_url();?>index.php/common_controller/getJsonServices';
        var oIconPlus = $('<i/>', {'class': 'icon-minus remove-row'});
        var oNewTR = $('<tr/>');
        var oNewTD = $('<td/>');
           
                     
                       
        $.getJSON(sUrlServices, function(result) {
        	console.info(result);
            var oSelect = $('<select/>', {
                'name': 'tse_id_tiposervicios[]',
                'class': 'select-services span2'
            });   
            
            var oSelectFrec = $('<select/>', {
                'name': 'frecuencia[]',
                'class': 'input-frec span12',
                'value': ''
            });       
            
             oSelectFrec.append($("<option />").val('undefined').text('Seleccione...'))
                   .append($("<option />").val('1').text('Mensual'))
                   .append($("<option />").val('2').text('Bimensual'))
                   .append($("<option />").val('3').text('Trimestral'))
                   .append($("<option />").val('4').text('Cuatrimestral'));
                    
         
            
          var oSpamPeso = $("<span />", { "class": 'bold', text:'$ ' });
          var oSpamUF = $("<span />", { "class": 'bold', text:'UF' });
            
            var oInputValorUF = $('<input/>', {
                'type': 'text',
                'name': 'valor_uf[]',
                'class': 'input-table input-uf ',
                'value': ''
             });                                
            var oInputValorPesos = $('<input/>', {
                'type': 'text',
                'name': 'valor_pesos[]',
                'class': 'input-table input-pesos ',
                'value': ''
             }); 
                         
            oSelect.prepend($("<option />").val('undefined').text('Seleccione...'));
                     
            $.each(result, function(index, record){
                    oSelect.append($("<option />").val(record.tse_id_tiposervicio).text(record.tse_descripcion));
                  });
                
                
            $(oNewTR).append(oNewTD.clone().append(oIconPlus.clone()))
                     .append(oNewTD.clone().append(oSelect.clone()))
                     //.append(oNewTD.clone().append(oSelectFrec.clone()))
                     .append(oNewTD.clone().append(oInputValorUF.clone()).append(oSpamUF.clone()))
                     .append(oNewTD.clone().append(oSpamPeso.clone()).append(oInputValorPesos.clone()));
           
            //$("#TableName tr:last").prev().before("Hello World");
            $('.table-uno tr:last').before(oNewTR.clone().attr('class','row-service'));  
            
            
        });
       
            
        });
        
        
        
      

	  
    });
    	
	</script>